<template>
  <div class="content">
    <router-link to="/sign_in" class="laber">
      <mt-button size="large">签到</mt-button>
    </router-link>

    <router-link to="/Tottle" class="laber">
      <mt-button size="large">签到统计</mt-button>
    </router-link>

    <router-link to="/Set" class="laber">
      <mt-button size="large">设置</mt-button>
    </router-link>

    <router-link to="/Remember" class="laber">
      <mt-button size="large">制定计划</mt-button>
    </router-link>

    <router-link to="/" class="laberteacher">
      <div @click="btnChangeAcount">退出</div>
    </router-link>
    <div style="margin-top: 10rem ">
      <!--<div>时间{{getMsgDateTimeInfo()}}</div>-->
      <!--<div>标题{{getTitleInfo()}}</div>-->
      <!--<div>内容{{getMessageInfo()}}</div>-->
    </div>
  </div>
</template>

<script>
  import { Button } from 'mint-ui';
  export default {
        name: "HomeContent",
        data:function () {
            return{
         }
        },
        components:{
          MtButton:Button,
        },
        methods:{
          btnChangeAcount:function(){
            this.$store.commit('btnChangeName','登录');
            this.$store.commit('btnChangestateNumber');
            this.$router.push('/');
          },
          remember(){
            if(this.$store.state.stateNumber == true ){
              console.log("HomeContent部分开始=================================");
              console.log("事件提醒");
              console.log("事件对象列表长度");
            console.log("HomeContent部分结束=================================");
          }},
          getTitleInfo(){
            return this.$store.state.MsgName;
          },
          getMessageInfo(){
            return this.$store.state.MsgContent;
          },
          getMsgDateTimeInfo(){
            return this.$store.state.MsgDateTime;
          }
        },
        mounted(){
          this.remember();
        }
    }
</script>

<style scoped>
  .content{
    margin-left: .3rem;
    margin-right: .3rem;
    margin-top: .1rem;
    margin-bottom: .3rem;
  }
    .laber{
      padding:10px 20px 30px 40px;
      align-content: center;
    }
  .laberteacher{
    /*padding:10px 20px 30px 40px;*/
    margin-right: 0rem;
    align-content: right;
  }


</style>
